<script src="assets/libs/ckeditor/ckeditor.js"></script>

	<div class="page-heading">
            		<h1><i class=' icon-newspaper-1'></i>GALERIES</h1>
            		            	</div>
            	<!-- Page Heading End-->
				
				<!-- Begin Inbox -->
				<div class="box-messages">
						<div class="col-md-3">
							<!-- Sidebar Message -->

							<div class="btn-group new-message-btns stacked">
								<a href="#" class="btn btn-primary btn-lg btn-block text-left"></a>
							</div>
							<div class="list-group menu-message">
							  <a href="inbox.html" class="list-group-item"><i class="icon-inbox"></i> Inbox <span class="badge pull-right">4</span></a>
							  <a href="#fakelink" class="list-group-item"><i class="icon-pencil"></i> Draft <span class="badge bg-green-1 pull-right">1</span></a>
							  <a href="#fakelink" class="list-group-item"><i class="icon-star"></i> Important <span class="badge bg-red-1 pull-right">2</span></a>
							  <a href="#fakelink" class="list-group-item"><i class="icon-export"></i> Sent</a>
							  <a href="#fakelink" class="list-group-item"><i class="icon-cup"></i> Afegir imatge <span class="badge bg-lightblue-1 pull-right">1</span></a>
							  <a href="#fakelink" class="list-group-item"><i class="icon-cup"></i> Afegir email<span class="badge bg-lightblue-1 pull-right">1</span></a>
							</div>
							
							<div class="list-group menu-folders">
								<div class="col-md-6">
							  		<button class="btn btn-facebook btn-block"><i class="fa fa-facebook"></i> Facebook</button>
							  	</div>
							  	<div class="col-md-6">
							  		<div class="iswitch ios-switch-facebook off"><div class="on-background background-fill"></div><div class="state-background background-fill"></div><div class="handle"></div></div>
								</div>
							  	<div class="col-md-6">
							  		<button class="btn btn-twitter btn-block"><i class="fa fa-twitter"></i> Twitter </button>
							  	</div>
							  	<div class="col-md-6">
							  		<div class="iswitch ios-switch-primary on"><div class="on-background background-fill"></div><div class="state-background background-fill"></div><div class="handle"></div></div>
								</div>
							  	<div class="col-md-6">
							  		<button class="btn btn-google-plus btn-block"><i class="fa fa-google-plus"></i> Google Plus</button>
							  	</div>
							  	<div class="col-md-6">
							 	 	<div class="iswitch ios-switch-danger on"><div class="on-background background-fill"></div><div class="state-background background-fill"></div><div class="handle"></div></div>
							  	</div>
							</div>
							  

							</div>
						</div><!-- ENd div .col-md-2 -->

						<div class="col-md-9">							
								<div class="col-sm-2">
									<div class="widget">
										<div class="btn-group new-message-btns stacked">
											<a href="nova_galeria" class="btn btn-primary btn-lg btn-block text-left"> Crear Galeria</a>
										</div>
									</div>
								</div>
								<div class="col-sm-2">
									<div class="widget">
										<div class="btn-group new-message-btns stacked">
											<a href="seccions" class="btn btn-primary btn-lg btn-block text-left">Seccions</a>
										</div>
									</div>
								</div>
								
									
								<div class="row" >
									
									</div>
									<!-------------->
									<!-- FIN plantill DEFECTO ->
									<!-------------->
									
									<!-------------->
									<!-- GALERIA --->
									<!-------------->
									<div class="row" id="plantilla_galeria">
										<div class="box-info animated fadeInDown">
											<h2><strong>Galeries</strong> imatges</h2>
											<?php print_r($data['collage']); ?>
												<div>
												
													<?php foreach($data['seccions'] as $galeria){?>
														<div class="column-4">
															<div class="inner" style="float: left; margin-right: 30px;">
																<a title="Image title here" href="galeria/<?php echo $galeria->id;?>" class="zooming">
																<div class="img-wrap" style="width: 300px; height: 180px">
																	<img style="width: 150px; height: 90px; float: left;" class="mfp-fade" src="assets/fotos/<?php echo $galeria->galeria;?>/web/<?php echo $galeria->foto1;?>">
                                                                    <img style="width: 150px; height: 90px; float: left;" class="mfp-fade" src="assets/fotos/<?php echo $galeria->galeria;?>/web/<?php echo $galeria->foto2;?>">
                                                                    <img style="width: 150px; height: 90px; float: left;" class="mfp-fade" src="assets/fotos/<?php echo $galeria->galeria;?>/web/<?php echo $galeria->foto3;?>">
                                                                    <img style="width: 150px; height: 90px; float: left;" class="mfp-fade" src="assets/fotos/<?php echo $galeria->galeria;?>/web/<?php echo $galeria->foto4;?>">                                                                                                                                                                                                            
																</div>
																<div style="width: 300px; height: 40px; padding: 10px; background: white">
                                                                <span style="float: left; font-weight: 700; font-size: 1.3em; font-family: sans-serif"><?php echo $galeria->galeria;?></span>                                                                                                                                
																<span style="float: right;"><?php echo $galeria->seccion;?></span>
																</div>
																</a>
															</div>
														</div>
												
													<?php } ?>
											
													
												</div>

										
										</div>
									
									</div>
									
								</div>
							</div>
						</div>
					</div>
